#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    ////////////////////// 边框（border）//////////////////////

//    this->setStyleSheet("QLabel {"
//                        " border: 3px solid red;"
//                        "}");

    // 分别设置四个边时，要按照上右下左的顺序
    // 如果只需要单独设置某一个边，需要将其他的边框的值设置为0
//    this->setStyleSheet("QLabel {"
//                        " border-top: 1px solid red;"
//                        " border-right: 5px dashed orange;"
//                        " border-bottom: 10px double blue;"
//                        " border-left: 3px dot-dot-dash green;"
//                        "}");

//    this->setStyleSheet("QLabel {"
//                        " border-top: 0;"
//                        " border-right: 0;"
//                        " border-bottom: 3px solid blue;"
//                        "}");

    // 从 颜色、线型、粗细 三个维度来整体设置边框
//    this->setStyleSheet("QLabel {"
//                        " border-color: blue;"
//                        " border-style: solid;"
//                        " border-width: 3px;"
//                        "}");

    // 圆角
//    this->setStyleSheet("QLabel {"
//                        " border: 2px solid red;"
//                        " border-radius: 10px;"
//                        "}");

//    ui->chgBtn->setIcon(QIcon(":/icons/qq.jpg"));
//    ui->chgBtn->setText("切换至快速登录");
//    // 登录按钮
//    this->setStyleSheet("#pushButton {"
//                        " border-radius: 20px;"
//                        " background-color: #FECD11;"
//                        " font: 900 16px '黑体';"
//                        "}"
//                        "#chgBtn {"
//                        " border: 0;"
//                        "}"
//                        "#chgBtn:hover {"
//                        " text-decoration: underline;"
//                        "}");

    ////////////////////// 内间距（padding）//////////////////////
//    this->setStyleSheet("QLabel {"
//                        " border: 1px solid red;"
//                        " padding: 10px;"
//                        "}"
//                        "QLineEdit {"
//                        " padding-left: 10px;"
//                        "}");

    ////////////////////// 外边距（margin）//////////////////////
    // 当部件设置到窗口上时会指定宽和高，此时部件的面积就固定了。外边距只会挤小部件的大小
//    this->setStyleSheet("#label {"
//                        " border: 1px solid red;"
//                        " margin: 0px;"
//                        "}"
//                        "#label_2 {"
//                        " border: 1px solid red;"
//                        " margin: -1px;"
//                        "}");

    this->setStyleSheet("QSlider::groove:horizontal {"
                        " border: 1px solid #999999;"
                        " height: 10px;"
                        " background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 cyan, stop:1 red);"
                        " margin: 5px 0;"
                        "}"
                        "QSlider::handle:horizontal {"
                        "background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);"
                        "border: 1px solid #5c5c5c;"
                        "width: 10px;"
                        "margin: -13px 0;"
                        "border-radius: 5px;"
                    "}");
}

Widget::~Widget()
{
    delete ui;
}
